﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Main Page</title>
    <script src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script>
    <link href="http://cdn.alloyui.com/2.0.0/aui-css/css/bootstrap.min.css" rel="stylesheet" />
    <!--<script src="scripts/yui-3.14-min.js"></script>-->
    <script src="scripts/models/calatalogos/catalogo-model-list.js"></script>
    <script src="scripts/models/calatalogos/catalogo-model.js"></script>
    <script src="scripts/views/catalogos/catalogo-list-view.js"></script>
    <script src="scripts/helpers/linkHelper.js"></script>
    <script src="scripts/views/excellentProject.js"></script>
    <script src="scripts/views/catalogos/editar-catalogo-view.js"></script>
    <script src="scripts/infrastructure/excellent-model-sync-rest.js"></script>
    <script src="scripts/helpers/selectHelper.js"></script>




    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>

    <!-- Bootstrap core CSS -->
    <!--<link href="Endless%20Admin_files/bootstrap.css" rel="stylesheet">-->
    <!-- Font Awesome -->
    <!--<link href="Endless%20Admin_files/font-awesome.css" rel="stylesheet">-->
    <!--<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"/>


    <!-- Pace -->
    <link href="Endless%20Admin_files/pace.css" rel="stylesheet"/>

    <!-- Color box -->
    <link href="Endless%20Admin_files/colorbox.css" rel="stylesheet"/>

    <!-- Morris -->
    <link href="Endless%20Admin_files/morris.css" rel="stylesheet"/>

    <!-- Endless -->
    <link href="Endless%20Admin_files/endless.css" rel="stylesheet"/>
    <link href="Endless%20Admin_files/endless-skin.css" rel="stylesheet">
    <style type="text/css">
        .jqstooltip {
            position: absolute;
            left: 0px;
            top: 0px;
            visibility: hidden;
            background: rgb(0, 0, 0) transparent;
            background-color: rgba(0,0,0,0.6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
            color: white;
            font: 10px arial, san serif;
            text-align: left;
            white-space: nowrap;
            padding: 5px;
            border: 1px solid white;
            z-index: 10000;
        }

        .jqsfield {
            color: white;
            font: 10px arial, san serif;
            text-align: left;
        }
    </style>
</head>

<body class="pace-done">

    <div class="pace  pace-inactive">
        <div data-progress="99" data-progress-text="100%" style="width: 100%;" class="pace-progress">
            <div class="pace-progress-inner"></div>
        </div>
        <div class="pace-activity"></div>
    </div>
    <div style="opacity: 0; visibility: hidden; background-color: black; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2000; transition: all 0.3s ease 0s;" id="logoutConfirm_background" class="popup_background"></div>
    <div style="opacity: 0; visibility: hidden; position: fixed; overflow: auto; z-index: 2001; transition: all 0.3s ease 0s; top: 0px; right: 0px; left: 0px; bottom: 0px; text-align: center; display: none;" id="logoutConfirm_wrapper" class="popup_wrapper">
        <div aria-labelledby="open_80046727" role="dialog" aria-hidden="true" style="opacity: 0; visibility: hidden; display: inline-block; outline: medium none; transition: all 0.3s ease 0s; text-align: left; position: relative; vertical-align: middle;" data-popup-initialized="true" class="custom-popup width-100 popup_content" id="logoutConfirm">
            <div class="padding-md">
                <h4 class="m-top-none">Do you want to logout?</h4>
            </div>

            <div class="text-center">
                <a class="btn btn-success m-right-sm" href="http://websdevp.com/Endless1.4/login.html">Logout</a>
                <a class="btn btn-danger logoutConfirm_close">Cancel</a>
            </div>
        </div>
        <div style="display: inline-block; vertical-align: middle; height: 100%;" class="popup_align"></div>
    </div>
    <!-- Overlay Div -->
    <div style="display: none;" id="overlay" class="transparent"></div>


    <a href="" id="theme-setting-icon"><i class="icon icon-cog icon-lg"></i></a>
    <div id="theme-setting">
        <div class="title">
            <strong class="no-margin">Skin Color</strong>
        </div>
        <div class="theme-box">
            <a class="theme-color" style="background:#323447" id="default"></a>
            <a class="theme-color" style="background:#efefef" id="skin-1"></a>
            <a class="theme-color" style="background:#a93922" id="skin-2"></a>
            <a class="theme-color" style="background:#3e6b96" id="skin-3"></a>
            <a class="theme-color" style="background:#635247" id="skin-4"></a>
            <a class="theme-color" style="background:#3a3a3a" id="skin-5"></a>
            <a class="theme-color" style="background:#495B6C" id="skin-6"></a>
        </div>
        <div class="title">
            <strong class="no-margin">Sidebar Menu</strong>
        </div>
        <div class="theme-box">
            <label class="label-checkbox">
                <input checked="checked" id="fixedSidebar" type="checkbox">
                <span class="custom-checkbox"></span>
                Fixed Sidebar
            </label>
        </div>
    </div><!-- /theme-setting -->

    <div id="wrapper" class="">

        <div id="top-nav" class="fixed skin-6">
            <a href="#" class="brand">
                <span>Endless</span>
                <span class="text-toggle"> Admin</span>
            </a><!-- /brand -->
            <button type="button" class="nav-toggle pull-left" id="sidebarToggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <ul class="nav-notification clearfix">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="icon icon-envelope icon-lg"></i>
                        <span class="notification-label bounceIn animation-delay4">7</span>
                    </a>
                    <ul class="dropdown-menu message dropdown-1">
                        <li><a>You have 4 new unread messages</a></li>
                        <li>
                            <a class="clearfix" href="#">
                                <img src="Endless%20Admin_files/user.jpg" alt="User Avatar">
                                <div class="detail">
                                    <strong>John Doe</strong>
                                    <p class="no-margin">
                                        Lorem ipsum dolor sit amet...
                                    </p>
                                    <small class="text-muted"><i class="icon icon-check text-success"></i> 27m ago</small>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a class="clearfix" href="#">
                                <img src="Endless%20Admin_files/user2.jpg" alt="User Avatar">
                                <div class="detail">
                                    <strong>Jane Doe</strong>
                                    <p class="no-margin">
                                        Lorem ipsum dolor sit amet...
                                    </p>
                                    <small class="text-muted"><i class="icon icon-check text-success"></i> 5hr ago</small>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a class="clearfix" href="#">
                                <img src="Endless%20Admin_files/user.jpg" alt="User Avatar">
                                <div class="detail">
                                    <strong>Bill Doe</strong>
                                    <p class="no-margin">
                                        Lorem ipsum dolor sit amet...
                                    </p>
                                    <small class="text-muted"><i class="icon icon-reply"></i> Yesterday</small>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a class="clearfix" href="#">
                                <img src="Endless%20Admin_files/user2.jpg" alt="User Avatar">
                                <div class="detail">
                                    <strong>Baby Doe</strong>
                                    <p class="no-margin">
                                        Lorem ipsum dolor sit amet...
                                    </p>
                                    <small class="text-muted"><i class="icon icon-reply"></i> 9 Feb 2013</small>
                                </div>
                            </a>
                        </li>
                        <li><a href="#">View all messages</a></li>
                    </ul>
                </li>
                <li class="dropdown hidden-xs">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon icon-tasks icon-lg"></i>
                        <span class="notification-label bounceIn animation-delay5">4</span>
                    </a>
                    <ul class="dropdown-menu task dropdown-2">
                        <li><a href="#">You have 4 tasks to complete</a></li>
                        <li>
                            <a href="#">
                                <div class="clearfix">
                                    <span class="pull-left">Bug Fixes</span>
                                    <small class="pull-right text-muted">78%</small>
                                </div>
                                <div class="progress">
                                    <div class="progress-bar" style="width:78%"></div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="clearfix">
                                    <span class="pull-left">Software Updating</span>
                                    <small class="pull-right text-muted">54%</small>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-success" style="width:54%"></div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="clearfix">
                                    <span class="pull-left">Database Migration</span>
                                    <small class="pull-right text-muted">23%</small>
                                </div>
                                <div class="progress">
                                    <div class="progress-bar progress-bar-warning" style="width:23%"></div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="clearfix">
                                    <span class="pull-left">Unit Testing</span>
                                    <small class="pull-right text-muted">92%</small>
                                </div>
                                <div class="progress progress-striped active">
                                    <div class="progress-bar progress-bar-danger " style="width:92%"></div>
                                </div>
                            </a>
                        </li>
                        <li><a href="#">View all tasks</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="icon icon-bell icon-lg"></i>
                        <span class="notification-label bounceIn animation-delay6">5</span>
                    </a>
                    <ul class="dropdown-menu notification dropdown-3">
                        <li><a href="#">You have 5 new notifications</a></li>
                        <li>
                            <a href="#">
                                <span class="notification-icon bg-warning">
                                    <i class="icon icon-warning"></i>
                                </span>
                                <span class="m-left-xs">Server #2 not responding.</span>
                                <span class="time text-muted">Just now</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="notification-icon bg-success">
                                    <i class="icon icon-plus"></i>
                                </span>
                                <span class="m-left-xs">New user registration.</span>
                                <span class="time text-muted">2m ago</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="notification-icon bg-danger">
                                    <i class="icon ìcon-bolt"></i>
                                </span>
                                <span class="m-left-xs">Application error.</span>
                                <span class="time text-muted">5m ago</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="notification-icon bg-success">
                                    <i class="icon icon-usd"></i>
                                </span>
                                <span class="m-left-xs">2 items sold.</span>
                                <span class="time text-muted">1hr ago</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="notification-icon bg-success">
                                    <i class="icon icon-plus"></i>
                                </span>
                                <span class="m-left-xs">New user registration.</span>
                                <span class="time text-muted">1hr ago</span>
                            </a>
                        </li>
                        <li><a href="#">View all notifications</a></li>
                    </ul>
                </li>
                <li class="profile dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <strong>John Doe</strong>
                        <span><i class="icon icon-chevron-down"></i></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a class="clearfix" href="#">
                                <img src="Endless%20Admin_files/user.jpg" alt="User Avatar">
                                <div class="detail">
                                    <strong>John Doe</strong>
                                    <p class="grey">John_Doe@email.com</p>
                                </div>
                            </a>
                        </li>
                        <li><a tabindex="-1" href="http://websdevp.com/Endless1.4/profile.html" class="main-link"><i class="icon icon-edit icon-lg"></i> Edit profile</a></li>
                        <li><a tabindex="-1" href="http://websdevp.com/Endless1.4/gallery.html" class="main-link"><i class="icon icon-picture icon-lg"></i> Photo Gallery</a></li>
                        <li><a tabindex="-1" href="#" class="theme-setting"><i class="icon icon-cog icon-lg"></i> Setting</a></li>
                        <li class="divider"></li>
                        <li><a id="open_80046727" data-popup-ordinal="0" tabindex="-1" class="main-link logoutConfirm_open" href="#logoutConfirm"><i class="icon icon-lock icon-lg"></i> Log out</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /top-nav-->


        <aside class="fixed skin-6">
            <div style="position: relative; overflow: hidden; width: auto; height: 100%;" class="slimScrollDiv">
                <div style="overflow: hidden; width: auto; height: 100%;" class="sidebar-inner scrollable-sidebar">
                    <div class="size-toggle">
                        <a class="btn btn-small" id="sizeToggle" style="background: none; border: none; box-shadow: none;">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </a>
                        <a id="open_20044409" data-popup-ordinal="1" class="btn btn-small pull-right logoutConfirm_open"
                           style="background: none; border: none; box-shadow: none;" href="#logoutConfirm">
                            <i class="icon icon-power-off"></i>
                        </a>
                    </div><!-- /size-toggle -->
                    <div class="user-block clearfix">
                        <img src="Endless%20Admin_files/user.jpg" alt="User Avatar">
                        <div class="detail">
                            <strong>John Doe</strong><span class="badge badge-danger m-left-xs bounceIn animation-delay4">4</span>
                            <br />
                            <ul class="inline">
                                <li><a href="http://websdevp.com/Endless1.4/profile.html">Profile</a></li>
                                <li><a href="http://websdevp.com/Endless1.4/inbox.html" class="no-margin">Inbox</a></li>
                            </ul>
                        </div>
                    </div><!-- /user-block -->
                    <div class="search-block">
                        <!--<div class="input-group">
                            <input class="form-control fixed-width" placeholder="search here..." type="text">
                            <span class="input-group-btn">
                                <button class="btn btn-default btn-small" type="button"><i class="icon icon-search"></i></button>
                            </span>
                        </div>-->
                        <!-- /input-group -->
                    </div>
                    <!-- /search-block -->
                    <div class="main-menu">
                        <ul>
                            <li class="active">
                                <a href="http://websdevp.com/Endless1.4/index.html">
                                    <span class="menu-icon">
                                        <i class="icon icon-desktop icon-lg"></i>
                                    </span>
                                    <span class="text">
                                        Dashboard
                                    </span>
                                    <span class="menu-hover"></span>
                                </a>
                            </li>
                            <li class="openable">
                                <a href="#">
                                    <span class="menu-icon">
                                        <i class="icon icon-file-text icon-lg"></i>
                                    </span>
                                    <span class="text">
                                        Page
                                    </span>
                                    <span class="menu-hover"></span>
                                </a>
                                <ul class="submenu">
                                    <li><a href="http://websdevp.com/Endless1.4/login.html"><span class="submenu-label">Sign in</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/register.html"><span class="submenu-label">Sign up</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/profile.html"><span class="submenu-label">Profile</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/blog.html"><span class="submenu-label">Blog</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/single_post.html"><span class="submenu-label">Single Post</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/landing.html"><span class="submenu-label">Landing</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/search_result.html"><span class="submenu-label">Search Result</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/chat.html"><span class="submenu-label">Chat Room</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/movie.html"><span class="submenu-label">Movie Gallery</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/pricing.html"><span class="submenu-label">Pricing</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/invoice.html"><span class="submenu-label">Invoice</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/faq.html"><span class="submenu-label">FAQ</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/contact.html"><span class="submenu-label">Contact</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/error404.html"><span class="submenu-label">Error404</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/error500.html"><span class="submenu-label">Error500</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/blank.html"><span class="submenu-label">Blank</span></a></li>
                                </ul>
                            </li>
                            <li class="openable">
                                <a href="#">
                                    <span class="menu-icon">
                                        <i class="icon icon-tag icon-lg"></i>
                                    </span>
                                    <span class="text">
                                        Component
                                    </span>
                                    <span class="badge badge-success bounceIn animation-delay5">9</span>
                                    <span class="menu-hover"></span>
                                </a>
                                <ul class="submenu">
                                    <li><a href="http://websdevp.com/Endless1.4/ui_element.html"><span class="submenu-label">UI Features</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/button.html"><span class="submenu-label">Button &amp; Icons</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/tab.html"><span class="submenu-label">Tab</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/nestable_list.html"><span class="submenu-label">Nestable List</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/calendar.html"><span class="submenu-label">Calendar</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/table.html"><span class="submenu-label">Table</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/widget.html"><span class="submenu-label">Widget</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/form_element.html"><span class="submenu-label">Form Element</span></a></li>
                                    <li><a href="http://websdevp.com/Endless1.4/form_wizard.html"><span class="submenu-label">Form Wizard</span></a></li>
                                </ul>
                            </li>

                            <li class="">
                                <a href="http://websdevp.com/Endless1.4/timeline.html">
                                    <span class="menu-icon">
                                        <i class="icon icon-time icon-lg"></i>
                                    </span>
                                    <span class="text">
                                        Timeline
                                    </span>
                                    <span class="menu-hover"></span>
                                </a>
                            </li>
                            <li>
                                <a href="http://websdevp.com/Endless1.4/gallery.html">
                                    <span class="menu-icon">
                                        <i class="icon icon-picture icon-lg"></i>
                                    </span>
                                    <span class="text">
                                        Gallery
                                    </span>
                                    <span class="menu-hover"></span>
                                </a>
                            </li>
                            <li>
                                <a href="http://websdevp.com/Endless1.4/inbox.html">
                                    <span class="menu-icon">
                                        <i class="icon icon-envelope icon-lg"></i>
                                    </span>
                                    <span class="text">
                                        Inbox
                                    </span>
                                    <span class="badge badge-danger bounceIn animation-delay6">4</span>
                                    <span class="menu-hover"></span>
                                </a>
                            </li>
                            <li>
                                <a href="http://websdevp.com/Endless1.4/email_selection.html">
                                    <span class="menu-icon">
                                        <i class="icon icon-tasks icon-lg"></i>
                                    </span>
                                    <span class="text">
                                        Email Template
                                    </span>
                                    <small class="badge badge-warning bounceIn animation-delay7">New</small>
                                    <span class="menu-hover"></span>
                                </a>
                            </li>
                        </ul>

                        <div class="alert alert-info">
                            Welcome to Endless Admin. Do not forget to check all my pages.
                        </div>
                    </div><!-- /main-menu -->
                </div>
                <div style="background: none repeat scroll 0% 0% rgb(0, 0, 0); width: 0px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 595.057px;" class="slimScrollBar"></div><div style="width: 0px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: none repeat scroll 0% 0% rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;" class="slimScrollRail"></div>
            </div><!-- /sidebar-inner -->
        </aside>

        <div id="main-container">
            <div id="breadcrumb">
                <ul class="breadcrumb">
                    <li><i class="icon icon-home"></i><a href="http://websdevp.com/Endless1.4/index.html"> Home</a></li>
                    <li class="active">Dashboard</li>
                </ul>
            </div><!-- /breadcrumb-->

            <div class="main-header clearfix">
                <div class="page-title">
                    <h3 class="no-margin">Administraci&oacute;n de Cat&aacute;logos</h3>
                    <span>Gesti&oacute; general de cat&aacute;logos del sistema.</span>
                </div><!-- /page-title -->

                <ul class="page-stats">
                    <li>
                        <div class="value">
                            <span>Categor&iacute;as</span>
                            <h4 id="currentVisitor">4233</h4>
                        </div>
                        <span id="visits" class="sparkline"><canvas height="35" width="79" style="display: inline-block; width: 79px; height: 35px; vertical-align: top;"></canvas></span>
                    </li>
                    <li>
                        <div class="value">
                            <span>Elementos</span>
                            <h4><strong id="currentBalance">31973</strong></h4>
                        </div>
                        <span id="balances" class="sparkline"><canvas height="35" width="69" style="display: inline-block; width: 69px; height: 35px; vertical-align: top;"></canvas></span>
                    </li>
                </ul><!-- /page-stats -->
            </div><!-- /main-header -->


            <div class="padding-md">
                <div class="row">
                    <!--Body content-->
                    <div id="yuicontainer1"></div>
                </div>
            </div>

        </div>




        <!-- Footer
        ================================================== -->
        <footer>
            <div class="row">
                <span class="footer-brand">
                    <strong class="text-error">Endless</strong> Admin
                </span>
                <p class="no-margin">
                    © 2013 <strong>Endless Admin</strong>. ALL Rights Reserved.
                </p>
            </div><!-- /.row-->
        </footer>
    </div>
    <a href="" id="scroll-to-top" class="hidden-print"><i class="icon icon-chevron-up"></i></a>

    <!-- Logout confirmation -->
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- Jquery -->
    <script src="Endless%20Admin_files/jquery-1.js"></script>

    <!-- Bootstrap -->
    <!--<script src="Endless%20Admin_files/bootstrap.js"></script>-->
    <!-- Flot -->
    <script src="Endless%20Admin_files/jquery_003.js"></script>

    <!-- Morris -->
    <script src="Endless%20Admin_files/rapheal.js"></script>
    <script src="Endless%20Admin_files/morris.js"></script>

    <!-- Colorbox -->
    <script src="Endless%20Admin_files/jquery_002.js"></script>

    <!-- Sparkline -->
    <script src="Endless%20Admin_files/jquery.js"></script>

    <!-- Pace -->
    <script src="Endless%20Admin_files/pace.js"></script>

    <!-- Popup Overlay -->
    <script src="Endless%20Admin_files/jquery_004.js"></script>

    <!-- Slimscroll -->
    <script src="Endless%20Admin_files/jquery_006.js"></script>

    <!-- Modernizr -->
    <script src="Endless%20Admin_files/modernizr.js"></script>

    <!-- Cookie -->
    <script src="Endless%20Admin_files/jquery_005.js"></script>

    <!-- Endless -->
    <script src="Endless%20Admin_files/endless_dashboard.js"></script>
    <script src="Endless%20Admin_files/endless.js"></script>


    <div style="display: none;" id="cboxOverlay"></div>
    <div style="display: none;" tabindex="-1" role="dialog" class="" id="colorbox">
        <div id="cboxWrapper">
            <div>
                <div style="float: left;" id="cboxTopLeft"></div><div style="float: left;" id="cboxTopCenter"></div>
                <div style="float: left;" id="cboxTopRight"></div>
            </div><div style="clear: left;">
                <div style="float: left;" id="cboxMiddleLeft"></div>
                <div style="float: left;" id="cboxContent">
                    <div style="float: left;" id="cboxTitle"></div><div style="float: left;" id="cboxCurrent"></div>
                    <button id="cboxPrevious" type="button"></button><button id="cboxNext" type="button"></button><button id="cboxSlideshow"></button>
                    <div style="float: left;" id="cboxLoadingOverlay"></div><div style="float: left;" id="cboxLoadingGraphic"></div>
                </div><div style="float: left;" id="cboxMiddleRight"></div>
            </div><div style="clear: left;"><div style="float: left;" id="cboxBottomLeft"></div><div style="float: left;" id="cboxBottomCenter"></div><div style="float: left;" id="cboxBottomRight"></div></div>
        </div>
        <div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
    </div>
    <div style="position: absolute; border: 1px solid rgb(34, 34, 34); padding: 4px; color: rgb(255, 255, 255); border-radius: 4px; background-color: rgb(0, 0, 0); opacity: 0.9; top: 499px; left: 999px; display: none;" id="tooltip">Visitor : 12</div>
    <script src="endless.js"></script>
    <script src="scripts/endless.js"></script>
    <script>
        //Toggle Menu
        $('#sidebarToggle').click(function () {
            $('#wrapper').toggleClass('sidebar-display');
            $('.main-menu').find('.openable').removeClass('open');
            $('.main-menu').find('.submenu').removeAttr('style');
        });

        $('#sizeToggle').click(function () {
            debugger
            $('#wrapper').off("resize");

            $('#wrapper').toggleClass('sidebar-mini');
            $('.main-menu').find('.openable').removeClass('open');
            $('.main-menu').find('.submenu').removeAttr('style');
        });

        if (!$('#wrapper').hasClass('sidebar-mini')) {
            if (Modernizr.mq('(min-width: 768px)') && Modernizr.mq('(max-width: 868px)')) {
                $('#wrapper').addClass('sidebar-mini');
            }
            else if (Modernizr.mq('(min-width: 869px)')) {
                if (!$('#wrapper').hasClass('sidebar-mini')) {
                }
            }
        }
    </script>
    <script>
        
        YUI().use('excellent-project-app', 'aui-form-validator', function (Y) {
            debugger
            var app = new Y.ExcellentApp({ container: Y.one('#yuicontainer1'), viewContainer: Y.one('#yuicontainer1') });
            var pIndex = 0;
            var pSize = 10;
            localStorage["Pagina"] = pIndex;
            localStorage["Tamanio"] = pSize;
            var catalogos = new Y.Catalogos();
            catalogos.load({ urlName: 'listPaging', pageIndex: pIndex, pageSize: pSize }, function () {
                app.render().showView('catalogos', { modelList: catalogos });
            });
        });

    </script>
</body>
</html>
